import Main from '../components/Main'
import ButtonTest from '../components/ButtonTest'
import Index from '../components/Index'
import Container from '../components/Container'
import NavMenu from '../components/NavMenu'
import aa from '../components/aa'
import bb from '../components/bb'
import Step from '../components/Step'

import { createRouter, createWebHistory } from 'vue-router'

const routerHistory = createWebHistory()
const router = createRouter({
  history: routerHistory,
  routes: [
    {
      path: '/',
      component: Index
    },
    {
      path: '/Main',
      component: Main,
      children:
      [
        {
          path: '/Main/button',
          name: 'ButtonTest',
          component: ButtonTest
        },
        {
          path: '/Main/button',
          name: 'ButtonTest',
          component: ButtonTest
        },
        {
          path: '/Main/Container',
          name: 'Container',
          component: Container
        },
        {
          path: '/Main/NavMenu',
          name: 'NavMenu',
          component: NavMenu
        },
        {
          path: '/Main/aa',
          name: 'aa',
          component: aa
        },
        {
          path: '/Main/bb',
          name: 'bb',
          component: bb
        },
        {
          path: '/Main/Step',
          name: 'Step',
          component: Step
        }
      ]
    }
  ]
})
export default router
